#home-head{
  width: 100%;
  height: 50px;
  background-color: white;
  /*border-bottom: 2px solid rgba(208, 209, 214, 0.36);*/
  box-shadow: 0 1px 3px rgba(26,26,26,.1);
  position: fixed;
  z-index: 100;
}

.head{
  width: 1100px;
  height: 100%;
  margin: 0 auto;
  padding-left: 42px;
  padding-right: 58px;
  position: relative;
}

.head_logo_box{
  height: 100%;
  width: 65px;
  float: left;
  padding-top: 9px;
}

.head_logo{
  height: 31px;
  width: 65px;
  float: left;
}

.head_select_box{
  height: 100%;
  width: 235px;
  float: left;
}

.head_btn_box_link{
  width: auto;
  height: 100%;
  float: left;
  margin-left: 35px;
  padding-top: 2px;
}

.head_btn_box{
  color: #8590a6;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}

.head_btn_box_p{
  height: 100%;
}

.head_btn_box_link:hover .head_btn_box_p{
  color: #000;
}

.head_search_box{
  height: 100%;
  width: 450px;
  float: left;
  padding: 8px 0px;
}

.search_box{
  height: 100%;
  width: auto;
  display: inline-block;
  float: left;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}

.search_input{
  height: 100%;
  width: 325px;
  outline: none;
  float: left;
  border: none;
  color: #1a1a1a;
  background-color: #f6f6f6;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
  padding: 0px 20px;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s; /* Firefox 4 */
  -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
  -o-transition-duration: 0.5s; /* Opera */
}

.search_input:focus{
  width: 400px;
  background-color: white;
  /*border: 1px solid rgba(133, 144, 166, 0.45);*/
}

.search_input:focus+ .btn_search_box{
  background-color: white;
}

/* 修改输入框 提示词颜色 */
input::-webkit-input-placeholder{color: #8590a6;}
input::-moz-placeholder{color: #8590a6;}  /* Mozilla Firefox 19+ */
input:-moz-placeholder{color: #8590a6;}   /* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder{color: #8590a6;} /* Internet Explorer 10-11 */

.btn_search_box{
  height: 100%;
  width: 30px;
  float: right;
  background-color: #f6f6f6;
  cursor: pointer;
}

.btn_search{
  height: 20px;
  width: 20px;
  margin-top: 5px;
}

.notice_menu_box{
  position: relative;
  display: inline-block;
  float: right;
  padding-top: 8px;
  border-radius: 3px;
}

.notice-menu-img{
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  margin-top: 5px;
}

.notice_menu_box:hover .notice-down-menu-box {
  visibility: visible;
  opacity: 1;
}

.letter_menu_box{
  position: relative;
  display: inline-block;
  float: right;
  padding-top: 8px;
  border-radius: 3px;
  margin-left: 30px;
}

.letter-menu-img{
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  margin-top: 5px;
}

.letter_menu_box:hover .letter-down-menu-box {
  visibility: visible;
  opacity: 1;
}

.user_menu_box{
  position: relative;
  display: inline-block;
  float: right;
  padding-top: 8px;
  border-radius: 3px;
  margin-left: 30px;
}

.user-menu-img {
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
}

.user-down-menu-box,.letter-down-menu-box,.notice-down-menu-box {
  height: auto;
  width: auto;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin-top: 42px;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -webkit-transition: opacity .15s,visibility 0s .15s;
  transition: opacity .15s,visibility 0s .15s;
  white-space: nowrap;
}

.user_menu_box:hover .user-down-menu-box {
  visibility: visible;
  opacity: 1;
}

.user-menu-child-head-img-box {
  padding-left: 10px;
  padding-top: 5px;
}

.user-menu-child-head-name {
  float: left;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 40px;
  padding-left: 10px;
}

.user-menu-child-head-link-box{
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid hsla(0, 0%, 4%, 0.1);
}

.user-menu-child-head {
  color: #b4b4b4;
  font-size: 12px;
  padding: 7px 15px 7px 15px;
  font-weight: normal;
}

.user-menu-child-body-box {
  height: 100%;
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

.user-menu-child-body {
  width: 100%;
  color: #878787;
  font-size: 12px;
  text-align: left;
  padding: 7px 35px 7px 15px;
  float: left;
  font-weight: normal;
}

.user-menu-child-exit {
  width: 100%;
  color: #878787;
  font-size: 12px;
  text-align: center;
  padding: 10px 90px 10px 90px;
  float: left;
  cursor: pointer;
  font-weight: normal;
  border-top: 1px solid hsla(0, 0%, 4%, 0.1);
}

.user-menu-child-exit:hover,.user-menu-child-body:hover,.user-menu-child-head:hover {
  color: #00c1de;
}
